<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
  
</head>
<style>
 *{
    padding:0;margin:0;

 }
 .aaa{
    margin: 200px;
    color:red
 }
 .bbb{
    margin: 200px;
    color:yellow
 }
</style>
<body>
    <div class="bbb aaa">
        <div>55555555</div>
        <!-- 直接修改transform属性不会触发重排 -->
        <div style="transform: translateY(100px);">11111</div>
        <div>2222222222</div>
    </div>
 
</body>
<script >
    const aadom=document.querySelector(".aaa")
    aadom.addEventListener("click",function(e){
        console.log(e,e.currentTarget,e.target,100);
    })
    let ssw=100
</script>
<script>
    console.log(ssw);
    
</script>
</html>
